<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns:ui="http://java.sun.com/jsf/facelets"
      template="./layout/mainTemplate.xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"  
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns="http://www.w3.org/1999/xhtml">  

    <ui:composition template="/layout/adminTemplate.xhtml">
        <ui:define name="content">
            <h:form enctype="multipart/form-data">
                <p:panel header="Administración de Galerías" id="pnlAdminContenido">
                    <p:commandButton value="Crear nueva Galería" action="#{gestorGalerias.irnuevo()}" ajax ="false"/>  
                </p:panel>
                <p:panel header="Lista de Galerías">
                    <p:dataTable id="tala" var="item" value="#{gestorGalerias.GetGalerias()}"  paginator="true" rows="10"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15" >  
                        <p:column headerText="Nombre">  
                            <h:outputText value="#{item.nombre}" />  
                        </p:column>  
                        <p:column headerText="Descripción">  
                            <h:outputText value="#{item.descripcion}" />  
                        </p:column>  
                        <p:column headerText="Opciones">  
                            <p:commandButton value="Editar" action="#{gestorGalerias.editarGaleria(item)}" ajax ="false"/>
                            <p:growl id="messages" showDetail="true" />  
                            <p:commandButton value="Borrar Galería" action="#{gestorGalerias.borrarGaleria(item)}" update="tala">  
                                <p:confirm header="Confirmacion" message="Seguro que desea borrar?" icon="ui-icon-alert" />  
                            </p:commandButton>  
                            <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">  
                                <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>  
                                <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>       
                            </p:confirmDialog>  
                        </p:column>  
                    </p:dataTable>  
                </p:panel>

            </h:form>
        </ui:define>
    </ui:composition>
</html>
